@model zhangmenren.Models.ItemEntity
<style type="text/css">
	.sqDxzmr-02 {
		width: auto;
		margin: 0 10px;
		background-color: transparent;
		border-radius: 0px;
		box-shadow: none;
		padding: 10px 0;
	}

	.sqDxzmr-02 .sq-dxzmr-input-group {
		background-color: #FFF;
		border-radius: 5px;
		box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
		padding: 10px 0;
		margin-bottom: 10px;
	}

	.sqDxzmr-02 .sq-dxzmr-input-group .mui-input-row {
		/*border: 1px solid #e6e6e6;*/
		border: none;
		margin: 0 0px 10px;
		display: flex;
		flex: 1;
		justify-content: flex-start;
		flex-flow: row nowrap;
		height: auto;
		align-items: flex-start;
		align-content: center;
		font-size: 14px;
	}

	.sqDxzmr-02 .sq-dxzmr-input-group .mui-input-row input[type='text'],
	.sqDxzmr-02 .sq-dxzmr-input-group .mui-input-row textarea,
	.sqDxzmr-02 .sq-dxzmr-input-group .mui-input-row input[type='file'] {
		border: 1px solid #e6e6e6;
		border-radius: 5px;
		width: 80%;
		padding-left: 10px;
		margin-right: 10px;
		font-size: 14px;
	}

	.sqDxzmr-02 .sq-dxzmr-input-group .mui-input-row label {
		width: 30%;
		width: auto;
		padding-right: 15px;
		white-space: nowrap;
	}

	.upFile {
		/*border: 1px solid #e6e6e6;*/
		border-radius: 5px;
		margin-right: 10px;
	}

	.hidimg {
		position: absolute;
		width: 100%;
		height: 200px;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		z-index: 9;
	}
    .mui-input-row span{
        color:#999;
    }
</style>

<div class="bg-gray">

	<header class="mui-bar mui-bar-nav head-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href='/Map/Maps?id=@Model.ProductId'></a>
		<h1 class="mui-title">@Model.Title</h1>
	</header>

    <div class="mui-content bg-gray">
        <div class="sq-dxzmr sqDxzmr-02">
            <div class="mui-input-group sq-dxzmr-input-group">
                <div class="mui-input-row">
                    <label>名称：<span>@Model.Title</span></label>
                </div>
                <div class="mui-input-row">
                    <label>地址： <span>@Html.Raw(Model.Address)</span></label>

                </div>
                <div class="mui-input-row">
                    <label>详细地址：<span>@Html.Raw(Model.Detail)</span></label>

            </div>
            <div class="mui-input-row">
                <label>添加时间：<span>@string.Format("{0:yyyy-MM-dd HH:mm}", Model.AddDT)</span></label>

            </div>
            <div class="mui-input-row">
                <label>描述：</label>
                <textarea name="" rows="4" cols="4" class="j-miaoshi" placeholder="请输入描述">@Model.MiaoShu</textarea>
            </div>
        </div>
        <div class="mui-input-group qj-input-group" style="padding-top:10px;">
            <div class="mui-input-row" style="height: auto;">
                <label>定位照片：</label>

                <div class="yyzz mui-pull-right mui-text-left">
                    <div>
                        @foreach (var imgstr in Model.Img.Split(','))
                    {
                        <img src="@imgstr" onclick="showimg('@imgstr')" style="width:130px;height:200px" />
                }
                    </div>
                </div>
            </div>
            <div class="mui-input-row" style="height: auto;">
                <label>数据照片：</label>
                <div class="yyzz mui-pull-right mui-text-left j-datamoimgs">
                    <div class="j-dataimgkuang">
                        @foreach (var imgstr in Model.DataImg.Split(','))
                    {
                        <img src="@imgstr" onclick="showimg('@imgstr')" style="width:130px;height:200px" />
                }
                    </div>

                </div>
            </div>
        </div>
        <br />
    </div>
    <a class="mui-btn mui-btn-block mui-btn-green res-btn" href='/Map/Maps?id=@Model.ProductId'>返回</a>
    <br />
    </div>
    <div id="imgdiv" style="vertical-align: middle;display: flex;align-items: center;  top: 0;left: 0; z-index: 1000;height: 100%;width: 100%; position: absolute;background-color: #ddd;">
        <img id="img" style="height: auto;width: 100%;align-items: center;">
    </div>
</div>

@section Scripts{
<script>
        $("#imgdiv").hide();
    function showimg(imgurl) {
        $("#imgdiv").show();
        $("#img").attr("src",imgurl);
    }
    $("#imgdiv").click(function(){
        $("#imgdiv").hide();
    })
</script>
}
